<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>报告模板</title>
    <style type="text/css">

        * {
            margin: 0;
            padding: 0;
            font-family: SimHei;
        }

        @page {
            size: 8.27in 11.69in;

            @bottom-center {
                content: counter(page);
                font-family: SimHei;
                font-size: 16px;
                color: #000000;
            };

            /*@bottom-right {*/
            /*    content: counter(page);*/
            /*    font-family: SimHei;*/
            /*    font-size: 9px;*/
            /*    color: #333333;*/
            /*};*/
        }

        .page {
            height: 1010px;
            width: 100%;
            position: relative;
        }

        /*头部共用*/
        .share {
            width: 100%;
            margin-top: 15px;
        }

        .share img {
            width: 20%;
            margin-left: 9%;
        }

        .share .share-right {
            width: 40%;
            float: right;
            margin-right: 9%;
            margin-top: 4%;
            text-align: right;
            font-size: 24px;
            color: #666666;
            font-weight: 600;
        }

        .hr {
            width: 82%;
            height: 0px;
            background: #555555;
            margin: 15px auto;
        }

        .top2table {
            width: 82%;
            height: 30px;
            margin: 0px auto;
            font-size: 16px;
            color: #444444;
        }

        .left {
            text-align: left;
        }

        .right {
            text-align: right;
        }

        .tshare {
            width: 100%;
            margin-top: 2%;
        }

        .tshare img {
            width: 42%;
            margin-left: 9%;
        }

        .tshare .tshare-right {
            width: 35%;
            float: right;
            margin-right: 9%;
            margin-top: 2%;
            text-align: right;
            font-size: 18px;
            color: #333333;
            font-weight: 600;
        }

        .foot {
            width: 100%;
            position: fixed;
            bottom: 20px;
        }

        .foot1 {
            width: 100%;
            position: absolute;
            bottom: 0;
        }

        .top1 {
            width: 100%;
            margin-top: 40px;
        }

        .top1 img {
            width: 21%;
            margin-left: 9%;
        }

        .cont {
            width: 100%;;
            margin-top: 100px;
            margin-bottom: 150px;
        }

        .contbody {
            width: 100%;
            text-align: center;
            background: #ffffff;
            margin: 0 auto;
            margin-top: -70px;
        }

        .contbody table {
            text-align: left;
            margin: 30px auto 20px auto;
        }

        .contbody table tr td {
            height: 30px;
            line-height: 30px;
            background: #ffffff;
            font-size: 28px;
            color: #333333;
            padding: 8px 8px;
            letter-spacing: 4px;

        }

        .contbody table tr td img {
            height: 28px;
            width: 28px;
        }

        .model {
            width: 100%;
            margin: 10px auto;
        }

        .contbody2 {
            width: 82%;
            margin: 10% auto 5% auto;
            font-size: 15px;
            color: #555555;
        }

        .contbody3 {
            width: 71%;
            margin: 4% auto 5% auto;
            font-size: 18px;
            font-style: italic;
            color: #000000;
        }


        .top3 {
            width: 82%;
            margin: 18px auto 10px auto;
            font-size: 20px;
            color: #333333;
            font-weight: 600;
        }

        .top3table {
            width: 82%;
            margin: 1px auto 30px auto;
            border-collapse: collapse;
        }

        .top3table tr th {
            text-align: center;
            font-size: 15px;
            height: 28px;
            border: 1px solid #555555;
        }

        .top3table tr td {
            text-align: center;
            font-size: 13px;
            height: 28px;
            border: 1px solid #555555;
        }

        .top3table tr td span {
            margin-left: 5px;
        }

        .contbody4 {
            width: 100%;
        }

        .sj {
            width: 82%;
            margin: 2% auto 1% auto;
        }

        .sj tr th {
            text-align: left;
            font-size: 15px;
            height: 36px;
        }

        .sj tr td {
            text-align: left;
            font-size: 12px;
            height: 36px;
            line-height: 24px;
            letter-spacing: 1px;
        }

        .tubiao {
            width: 7%;
        }

        .tubiao img {
            width: 23px;
        }

        .tip {
            width: 35%;
        }

        .ticon {
            width: 10px;
            display: inline-block;
            vertical-align: middle;
        }

        .tt {
            display: inline-block;
        }

        .ttd {
            height: 56px;
        }
        /* 20211012新增 */
        .contHead img{
            width: 200px;
            margin-top: -200px;

        }
        .contHead span{
            font-size:35px;
            font-weight: bold;
            color:#175F88

        }
        .contHead font{
            font-size:12px;
            color:#999;
            padding-top:-10px;

        }
        .txt{
            height: 40px;
            width: 180px;
            border-bottom: 2px solid #999;
            padding-bottom: -10px;
            margin-top: -5px;
            float: right;
        }

    </style>
</head>
<body style="width:720px;">
<!--第1页-->
<div class="page">
    <!-- <div class="top1">
      <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo1.png" alt="雨林1对1备课管理系统"/>
    </div> -->
    <!--    <img class="cont" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p1_title.png" alt="儿童能力发展水平测评分析报告"/>-->
    <div class="contbody">
        <div class="contHead" style="padding: 140px">
            <div><img style="width: 160%;margin-top: -100px"  src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/reportTitle.jpg" alt="雨林1对1备课管理系统"/></div>
        </div>
        <div style="line-height: 50px;font-size: 20px;width: 42%;margin: auto;text-align: left;font-size: 23px">
          <span style="float: left;">学员姓名:
            <div class="txt">
              ${name!}
            </div>
          </span>
            <span style="float: left;">测评日期:
            <div class="txt">${date!}</div>
            </span>
        </div>
    </div>
    <!-- <img class="foot" src="img/background/bottom.png" alt="每个孩子都有权力享受爱与未来" /> -->
<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->
</div>

<!--第2页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="儿童能力发展水平测评分析报告"/>
        <div class="share-right"><span>${name}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex!}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher!}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date!}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <img class="model" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p2-model.png" alt="八大模块饼型图"/>
    <div class="contbody2">
        *这八个模块的测评所产生的结果作为儿童当前能力水平的一个陈述，只供家长参考，以及相关教学人员拟定儿童训练使用的个性化教育方案使用，不具有诊断功能。如需相关诊断，请前往当地权威医院寻求相关服务。
    </div>
<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->

</div>

<!--第3页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex!}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--<div class="top3">测评项目&amp;结果</div>-->
    <table border="1" style="border-collapse: collapse;width: 82%;margin: 0 auto;text-align: center;">
        <tr>
            <th>测评模块</th>
            <th>模块技能</th>
            <th>技能得分</th>
            <!--            <th>得分/总分</th>-->
            <th>能力水平</th>
        </tr>
        <!--        感知觉-->
        <tr>
            <td rowspan="3" class="ttd">
                <img class="ticon" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p3_icon1.png"/>
                <p class="tt">${projectMap["1tableName"]!}</p>
            </td>
            <td class="ttd">${moduleMap["1tableName"]!}</td>
            <td class="ttd">${moduleMap["1tableScore"]!}</td>
            <!--            <td class="ttd"  rowspan="3">${projectMap["1tableScore"]!}</td>-->
            <td class="ttd" rowspan="3">${projectMap["1tableRemark"]!}</td>
        </tr>
        <tr>
            <td class="ttd">${moduleMap["2tableName"]!}</td>
            <td class="ttd">${moduleMap["2tableScore"]!}</td>
        </tr>
        <tr>
            <td class="ttd">${moduleMap["3tableName"]!}</td>
            <td class="ttd">${moduleMap["3tableScore"]!}</td>
        </tr>
        <!--        运动-->
        <tr>
            <td class="ttd" rowspan="2">
                <img class="ticon" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p3_icon2.png"/>
                <p class="tt">${projectMap["2tableName"]!}</p>
            </td>
            <td class="ttd">${moduleMap["4tableName"]!}</td>
            <td class="ttd">${moduleMap["4tableScore"]!}</td>
            <!--            <td class="ttd"  rowspan="2">${projectMap["2tableScore"]!}</td>-->
            <td class="ttd" rowspan="2">${projectMap["2tableRemark"]!}</td>
        </tr>
        <tr>
            <td class="ttd">${moduleMap["5tableName"]!}</td>
            <td class="ttd">${moduleMap["5tableScore"]!}</td>
        </tr>
        <!--        语言-->
        <tr>
            <td>
                <img class="ticon" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p3_icon4.png"/>
                <p class="tt">${projectMap["4tableName"]!}</p>
            </td>
            <td class="ttd">${moduleMap["6tableName"]!}</td>
            <td class="ttd">${moduleMap["6tableScore"]!}</td>
            <!--            <td class="ttd">${projectMap["4tableScore"]!}</td>-->
            <td class="ttd">${projectMap["4tableRemark"]!}</td>
        </tr>
        <!--        构音-->
        <tr>
            <td class="ttd">
                <img class="ticon" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p3_icon5.png"/>
                <p class="tt">${projectMap["5tableName"]!}</p>
            </td>
            <td class="ttd">${moduleMap["7tableName"]!}</td>
            <td class="ttd">${moduleMap["7tableScore"]!}</td>
            <!--            <td class="ttd">${projectMap["5tableScore"]!}</td>-->
            <td class="ttd">${projectMap["5tableRemark"]!}</td>
        </tr>
        <!--        认知-->
        <tr>
            <td class="ttd">
                <img class="ticon" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p3_icon3.png"/>
                <p class="tt">${projectMap["3tableName"]!}</p>
            </td>
            <td class="ttd">${moduleMap["8tableName"]!}</td>
            <td class="ttd">${moduleMap["8tableScore"]!}</td>
            <!--            <td class="ttd">${projectMap["3tableScore"]!}</td>-->
            <td class="ttd">${projectMap["3tableRemark"]!}</td>
        </tr>
        <!--        社交-->
        <tr>
            <td class="ttd">
                <img class="ticon" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p3_icon6.png"/>
                <p class="tt">${projectMap["6tableName"]!}</p>
            </td>
            <td class="ttd">${moduleMap["9tableName"]!}</td>
            <td class="ttd">${moduleMap["9tableScore"]!}</td>
            <!--            <td class="ttd">${projectMap["6tableScore"]!}</td>-->
            <td class="ttd">${projectMap["6tableRemark"]!}</td>
        </tr>
        <!--        情绪-->
        <tr>
            <td class="ttd" rowspan="2">
                <img class="ticon" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p3_icon7.png"/>
                <p class="tt">${projectMap["7tableName"]!}</p>
            </td>
            <td class="ttd">${moduleMap["10tableName"]!}</td>
            <td class="ttd">${moduleMap["10tableScore"]!}</td>
            <!--            <td class="ttd" rowspan="2">${projectMap["7tableScore"]!}</td>-->
            <td class="ttd" rowspan="2">${projectMap["7tableRemark"]!}</td>
        </tr>
        <tr>
            <td class="ttd">${moduleMap["11tableName"]!}</td>
            <td class="ttd">${moduleMap["11tableScore"]!}</td>
        </tr>
        <!--        行为-->
        <tr>
            <td class="ttd" rowspan="2">
                <img class="ticon" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p3_icon8.png"/>
                <p class="tt">${projectMap["8tableName"]!}</p>
            </td>
            <td class="ttd">${moduleMap["12tableName"]!}</td>
            <td class="ttd">${moduleMap["12tableScore"]!}</td>
            <!--            <td class="ttd" rowspan="2">${projectMap["8tableScore"]!}</td>-->
            <td class="ttd" rowspan="2">${projectMap["8tableRemark"]!}</td>
        </tr>
        <tr>
            <td class="ttd">${moduleMap["13tableName"]!}</td>
            <td class="ttd">${moduleMap["13tableScore"]!}</td>
        </tr>
    </table>
    <div class="contbody2" style="margin: 4% auto 5% auto">
        *分数越低，儿童所需支持越少。分数越高，儿童进行学校、社会融合所需额外支持训练越多。
    </div>
<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->
</div>

<!--第4页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p4-gzjnl.png" alt="感觉与知觉"/>
            <div class="tshare-right">总分：<span>${detailMap["1"]}（${projectMap["1tableRemark"]!}）</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p4_icon1.png" alt="视觉图"
                                        style="width:32px;"/></th>
                <th class="tip">${detailMap["1Name"]}</th>
                <th>分数：<span>${detailMap["1Score"]}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">
                    视觉是儿童感觉系统完成一定视觉任务所需的能力。在儿童幼儿时期认识周围的人、事、物的过程中，视觉能力至关重要，是儿童大脑发展的重要能力之一。如果儿童的视觉认知能力在早期没有得到有效的发展，那么未来的记忆力，阅读能力，社交能力，以及高级决策能力等都会受到巨大影响。<br/>
                    ${detailMap["1Conclusion"]!}
                </td>
            </tr>
        </table>


        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p4_icon3.png" alt="触觉图"/>
                </th>
                <th class="tip">${detailMap["2Name"]}</th>
                <th>分数：<span>${detailMap["2Score"]}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">
                    触觉是指儿童用于感受来自外界的温度、湿度、疼痛、压力、振动等方面的信息的能力。触觉对于儿童了解周围的环境乃至整个世界，对这些信息以及其他感知觉通道获取的内容进行整合为完整认知，存在重要的意义。如果儿童触觉层面存在体验的异常，将会影响其自我保护，智力发展，人际交往，以及情感体会与表达等各方面的表现。<br/>
                    ${detailMap["2Conclusion"]!}

                </td>
            </tr>
        </table>


        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p4_icon5.png"
                                        alt="协调能力"/>
                </th>
                <th class="tip">${detailMap["3Name"]}</th>
                <th>分数：<span>${detailMap["3Score"]}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">协调能力是指在进行身体运动过程中，儿童调节与综合身体各个部分动作的能力。它是集灵敏度、速度、平衡能力、
                    柔韧性等多种身体素质为一体的综合性能力，反映了中枢神经系统对肌肉活动的支配和调节功能。如果协调能力发展局限，
                    可能会影响儿童的认知发展，操作技能的学习，以及游戏、社交的发展速度。<br/>
                    ${detailMap["3Conclusion"]!}
                </td>
            </tr>
        </table>

    </div>

<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->

</div>

<!--第5页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p7-ydbx.png" alt="肢体运动"/>
            <div class="tshare-right">总分：<span>${detailMap["2"]}（${projectMap["2tableRemark"]!}）</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p7_icon1.png"
                                        alt="粗大运动"/>
                </th>
                <th class="tip">${detailMap["4Name"]}</th>
                <th>分数：<span>${detailMap["4Score"]}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">粗大运动是指儿童使用全身大肌肉进行的活动，包括头颈部、躯干和四肢的自主控制，爬行、走等自主位移动作，
                    跑、跳及其他技巧性动作技能，以及身体的协调性、灵活性和平衡性。这部分技能直接影响儿童从操纵身体获得的自尊自信，
                    与环境、同伴的交互，从而影响都爱发展社交、发展智力的速度。<br/>
                    ${detailMap["4Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao">
                    <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p7_icon2.png" alt="精细运动"/>
                </th>
                <th class="tip">${detailMap["5Name"]}</th>
                <th>分数：<span>${detailMap["5Score"]}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">精细动作主要指儿童使用手部小肌肉所进行的活动，主要包括抓握动作，及在此基础上发展起来的握笔、
                    绘画、书写和生活自理动作技能，还包括手的灵活性、手眼协调能力和双手协调能力。如果精细运动存在局限，
                    儿童未来的自理能力，学业学习，社会融合，个体生存等都将出现明显困难。<br/>
                    ${detailMap["5Conclusion"]!}
                </td>
            </tr>
        </table>


    </div>


<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->
</div>

<!--第6页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p5-yybd.png" alt="语言沟通"/>
            <div class="tshare-right">总分：<span>${detailMap["4"]}（${projectMap["4tableRemark"]!}）</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p5_icon1.png" alt="语言图"/>
                </th>
                <th class="tip">${detailMap["6Name"]!}</th>
                <th>分数：<span>${detailMap["6Score"]}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">
                    语言是儿童与他人、与世界交流的重要工具和媒介，其语言过程主要包括语言感知、语言理解和语言表达三个方面。
                    语言能力有所欠缺的儿童通常在满足自身需求，建立社交关系，维持交互沟通，以及基础认知学习层面都存在严重的影响。<br/>
                    ${detailMap["6Conclusion"]!}
                </td>
            </tr>
        </table>
    </div>

<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->

</div>

<!--第7页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p11-gynl.png" alt="口腔及构音"/>
            <div class="tshare-right">总分：<span>${detailMap["5"]}（${projectMap["5tableRemark"]!}）</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p11_icon1.png"
                                        alt="发音表现"/>
                </th>
                <th class="tip">${moduleMap["7tableName"]!}</th>
                <th>分数：<span>${moduleMap["7tableScore"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">构音能力是儿童在发音、学习语言过程中必备的器官使用能力，涉及到唇、舌、颊、颌、气流以及声带的多方面协作进行相应发音和语言使用的表现。
                    如果构音能力存在局限，儿童容易出现发声困难，语音含糊，语音错误，无法使用语言进行沟通交流，社交回避等多方面的问题表现。<br/>
                    ${detailMap["14Conclusion"]!}<br/>
                    ${detailMap["15Conclusion"]!}<br/>
                    ${detailMap["16Conclusion"]!}<br/>
                    ${detailMap["17Conclusion"]!}<br/>
                    ${detailMap["18Conclusion"]!}
                </td>
            </tr>
        </table>

<!--        <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->

    </div>
</div>

<!--第8页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p6-rzbx.png" alt="认知理解"/>
            <div class="tshare-right">总分：<span>${detailMap["3"]}（${projectMap["3tableRemark"]!}）</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p6_icon1.png" alt="认知图"/>
                </th>
                <th class="tip">${detailMap["8Name"]}</th>
                <th>分数：<span>${detailMap["8Score"]}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">认知涉及儿童感知觉、注意、表象、记忆、学习和思维等认知过程，是儿童认识外界事物的过程，也是儿童获得学习能力的途径，
                    能帮助儿童更好地适应社会。认识发展存在局限则可能导致儿童对周围环境认识不足，难以适应环境，无法就学，言语沟通存在问题等多种不良后果。<br/>
                    ${detailMap["8Conclusion"]!}
                </td>
            </tr>
        </table>
    </div>


<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->

</div>

<!--第9页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p8-sjbx.png" alt="社交互动"/>
            <div class="tshare-right">总分：<span> ${detailMap["6"]}（${projectMap["6tableRemark"]!}）</span></div>
        </div>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p8_icon1.png"
                                        alt="社会性互动"/>
                </th>
                <th class="tip">${detailMap["9Name"]!}</th>
                <th>分数：<span>${detailMap["9Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">社交互动能力主要包括儿童建立与生活环境相关、与文化环境相关的常识认知，与不同情境相适配的生活自理能力，
                    适应并响应外界的要求，与其他个体建立信息交换、需求沟通等多方面能力。整个婴幼儿时期的社会化为儿童个性的塑造起到奠基作用，
                    帮助儿童适应环境，为生存提供了保障。如果社交互动能力存在困难，儿童将面临严峻的社交、独立生存、融合主流等多方面的挑战。<br/>
                    ${detailMap["9Conclusion"]!}
                </td>
            </tr>
        </table>


    </div>

<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->

</div>


<!--第10页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p9-qxbx.png" alt="情绪表现"/>
            <div class="tshare-right">总分：<span> ${detailMap["7"]}（${projectMap["7tableRemark"]!}）</span></div>
        </div>
<!--        <div class="contbody3">情绪状态</div>-->
        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p9_icon5.png"
                                        alt="情绪表现"/>
                </th>
                <th class="tip">${detailMap["10Name"]!}（情绪状态）</th>
                <th>分数：<span>${detailMap["10Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">情绪表现指的是儿童的快乐、愤怒、恐惧、悲哀四种基本非语言及语言的表现，以及在此基础上衍生的更为复杂的混合情绪表现。
                    儿童在情绪表现上存在的困难直接影响其社交关系的建立，身心的健康发展，与独立生存的可能性。<br/>
                    ${detailMap["10Conclusion"]!}
                </td>
            </tr>
        </table>
<!--        <div class="contbody3">情绪处理</div>-->
        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p9_icon4.png"
                                        alt="情绪感知"/>
                </th>
                <th class="tip">${detailMap["19Name"]!}（情绪处理）</th>
                <th>分数：<span>${detailMap["19Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">情绪感知指的是儿童对自己、他人与周遭情绪的觉察和感受。具有积极完整的情绪感知可以帮助儿童更快建立社交关系，
                    明确情境规则，促进适应性行为的表现等。<br/>
                    ${detailMap["19Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p9_icon1.png"
                                        alt="情绪理解"/>
                </th>
                <th class="tip">${detailMap["20Name"]!}（情绪处理）</th>
                <th>分数：<span>${detailMap["20Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">情绪理解能力指的是儿童理解情绪的原因和结果的能力，以及应用这些信息对自我和他人产生合适情绪反应的能力。
                    在情绪理解能力的发展上存在困难将影响儿童发展抽象认知能力，建立稳定社交关系，快速融入集体等多方面的表现。<br/>
                    ${detailMap["20Conclusion"]!}
                </td>
            </tr>
        </table>

    </div>

<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->

</div>


<!--第11页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <!--        <div class="tshare">-->
        <!--            <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p9-qxbx.png" alt="情绪表现"/>-->
        <!--            <div class="tshare-right">得分：<span>${detailMap["7"]}</span></div>-->
        <!--        </div>-->

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p9_icon2.png"
                                        alt="情绪表达"/>
                </th>
                <th class="tip">${detailMap["21Name"]!}（情绪处理）</th>
                <th>分数：<span>${detailMap["21Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">情绪表达指的是儿童用来表现情绪的各种方式，包括肢体动作、语言表达等。它的功能就是纾解情绪，与他人进行信息的沟通，
                    避免由于情绪理解的差异而导致的误解和需求不被满足。这对于儿童与他人、环境建立联系，发展身心，持续学习，练习技能都存在重要的影响。<br/>
                    ${detailMap["21Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p9_icon3.png"
                                        alt="情绪控制"/>
                </th>
                <th class="tip">${detailMap["22Name"]!}（情绪处理）</th>
                <th>分数：<span>${detailMap["22Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">情绪管理指基于儿童对自身情绪和他人情绪的认识，其能够根据场景的规则和要求对自身的情绪表现、情绪表达等进行调节控制，
                    从而使自己可以融入相应的集体、场所和环境。良好的情绪控制能力能够辅助儿童建立稳定的学习状态，维持稳定的人际关系，获得稳定的社会资源。<br/>
                    ${detailMap["22Conclusion"]!}
                </td>
            </tr>
        </table>
    </div>

<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->

</div>


<!--第12页-->
<div class="page">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <div class="tshare">
            <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p10-xwbx.png" alt="行为管理"/>
            <div class="tshare-right">总分：<span>${detailMap["8"]}（${projectMap["8tableRemark"]!}）</span></div>
        </div>
<!--        <div class="contbody3">自我指向</div>-->
        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/sport-02.png"
                                        alt="退缩行为"/>
                </th>
                <th class="tip">${detailMap["23Name"]!}（自我指向）</th>
                <th>分数：<span>${detailMap["23Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">退缩行为是指儿童在熟悉环境下和陌生环境下的回避、克制以及社会性独处行为。表现孤僻、 胆小、退缩，不愿与其他人交往，
                    不愿到陌生的环境中去，只愿意独处或者待在自己熟悉的环境。儿童出现退缩行为，会直接影响到其进入不同环境的适应能力，以及其学习新信息时的效果与效率。<br/>
                    ${detailMap["23Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/sport-03.png"
                                        alt="自伤与攻击（含不当言语）"/></th>
                <th class="tip">${detailMap["24Name"]!}（自我指向）</th>
                <th>分数：<span>${detailMap["24Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2" style="line-height: 20px">自伤与攻击行为是指儿童出现的撞墙、搥头、拍耳朵、撞桌子等可能或已经明确对自身产生伤害的行为；
                    或踢、咬、捏、抓、打等可能或已经明确对他人、物品等产生伤害的行为。这也包含了一些可能产生隐形伤害的非恰当语言表达，
                    如执着谈论固定议题、枉顾意见而重复他人的话语、不由自主地口出秽语等。当儿童出现自伤与攻击行为（含不当语言）时，
                    会影响到儿童的社交互动，学习生活以及未来的独立生存。 <br/>
                    ${detailMap["24Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/sport-05.png"
                                        alt="自我刺激"/>
                </th>
                <th class="tip">${detailMap["25Name"]!}（自我指向）</th>
                <th>分数：<span>${detailMap["25Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">儿童的自我刺激行为，可以表现为比较低级的自我刺激和较为高级的狭窄兴趣两大类型。
                    常见的表现形态如快速摆手、反复弹舌、持续重复地发出无意义的音节、摇晃身体等，时常为公共场所不被接纳。
                    儿童出现这些自我刺激的行为表现，将严重影响其自理、就学、社交、独立生存等多方面的可能性。<br/>
                    ${detailMap["25Conclusion"]!}
                </td>
            </tr>
        </table>
    </div>

<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->

</div>


<!--第13页-->
<div class="page" style="height: 980px;">
    <div class="share">
        <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/logo2.png" alt="雨林1对1备课管理系统"/>
        <div class="share-right"><span>${name!}</span>的测评报告</div>
        <hr class="hr"/>
        <table class="top2table">
            <tbody>
            <tr>
                <td class="right">性别：</td>
                <td class="left">${sex}</td>
                <td class="right">出生年月：</td>
                <td class="left">${birthday!}</td>
                <td class="right">测评人：</td>
                <td class="left">${teacher}</td>
                <td class="right">测评时间：</td>
                <td class="left">${date}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="contbody4">
        <!--        <div class="tshare">-->
        <!--            <img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/p10-xwbx.png" alt="行为表现"/>-->
        <!--            <div class="tshare-right">得分：<span>${detailMap["8"]}</span></div>-->
        <!--        </div>-->
<!--        <div class="contbody3">环境与他人指向</div>-->

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/sport-04.png"
                                        alt="刻板行为"/>
                </th>
                <th class="tip">${detailMap["26Name"]!}（环境与他人指向）</th>
                <th>分数：<span>${detailMap["26Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">刻板行为是指儿童对于自己感兴趣的事物十分沉迷，常常在较长时间里专注于某种物品或活动，比如以固定的方式排列物品，
                    有固定的路线或饮食，持续谈论相同的话语、内容或主题等，一旦被打断固定的模式，会出现长时间持续且难以平复的情绪行为问题反应。
                    刻板行为的存在直接干扰儿童的生活、就学、社交和就业，需要持续坚持地训练干预。<br/>
                    ${detailMap["26Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/sport-06.png"
                                        alt="多动行为"/>
                </th>
                <th class="tip">${detailMap["27Name"]!}（环境与他人指向）</th>
                <th>分数：<span>${detailMap["27Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">多动行为指儿童经常处于过分活跃的状态，且很难一定时长地专注在某项静态活动，无法持续注意或关注他人的话语、行为，
                    难以持续地等待和轮流，经常中断和打扰他人，无法控制自己的行为。多动行为将严重影响儿童的生活、就学、社交和就业，需要持续坚持地训练干预。 <br/>
                    ${detailMap["27Conclusion"]!}
                </td>
            </tr>
        </table>

        <table class="sj" cellpadding="0" cellspacing="0">
            <tr>
                <th class="tubiao"><img src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/sport-07.png"
                                        alt="适应性能力"/>
                </th>
                <th class="tip">${detailMap["28Name"]!}（环境与他人指向）</th>
                <th>分数：<span>${detailMap["28Score"]!}</span></th>
            </tr>
            <tr>
                <td></td>
                <td colspan="2">
                    适应性能力指儿童为了在社会更好生存而进行的心理上、生理上以及行为上的各种调整性的改变，与社会场景达到和谐状态的一种能力。比如对不同场合切换不同的行为方式、语音语调音量等以来应对相应的问题情境。如果适应性存在问题，儿童的社会认知发展，就学融合和社会性交往等多方面的表现都将出现相应的困难。<br/>
                    ${detailMap["28Conclusion"]!}
                </td>
            </tr>
        </table>

    </div>

<!--    <img class="foot1" src="https://oies.oss-cn-shanghai.aliyuncs.com/OTO/pdf/bottom.png" alt="每个孩子都有权力享受爱与未来"/>-->

</div>

</body>
</html>